<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>OpenLayers v8.2.0 API - Module: ol/style/flat</title>
    <script src="scripts/prettify/prettify.js"></script>
    <script src="scripts/prettify/lang-css.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/fontawesome.min.css"
        crossorigin="anonymous">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/solid.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css"
        href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.2/css/brands.css" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="styles/prettify-tomorrow.css">
    <link rel="stylesheet" type="text/css" href="styles/jaguar.css">
    <link rel="stylesheet" type="text/css" href="styles/carbon.css">
    <link rel="stylesheet" type="text/css" href="/theme/ol.css">
    <link rel="stylesheet" type="text/css" href="/theme/site.css">
</head>

<body>
    <header class="navbar navbar-expand-sm navbar-dark mb-3 px-3 py-0 fixed-top" role="navigation">
        <a class="navbar-brand" href="/"><img src="/theme/img/logo-dark.svg" width="70" height="70"
                alt="">&nbsp;OpenLayers</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#olmenu"
            aria-controls="olmenu" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- menu items that get hidden below 768px width -->
        <nav class="collapse navbar-collapse" id="olmenu">
            <ul class="nav navbar-nav ms-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="docdropdown" role="button"
                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
                    <div class="dropdown-menu dropdown-menu-end mb-3" aria-labelledby="docdropdown">
                        <a class="dropdown-item" href="/doc/">Docs</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="/doc/quickstart.html"><i
                                class="fa fa-check fa-fw me-2 fa-lg"></i>快速入门</a>
                        <a class="dropdown-item" href="/doc/faq.html"><i
                                class="fa fa-question fa-fw me-2 fa-lg"></i>FAQ</a>
                        <a class="dropdown-item" href="/doc/tutorials/"><i
                                class="fa fa-book fa-fw me-2 fa-lg"></i>Tutorials</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="https://stackoverflow.com/questions/tagged/openlayers"><i
                                class="fab fa-stack-overflow fa-fw me-2"></i>Ask a Question</a>
                    </div>
                </li>
                <li class="nav-item"><a class="nav-link" href="/en/latest/examples/">Examples</a></li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="apidropdown" role="button"
                        data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-sitemap me-1"></i>API
                    </a>
                    <div class="dropdown-menu dropdown-menu-end mb-3" aria-labelledby="apidropdown">
                        <a class="dropdown-item" href="/en/latest/apidoc/"><i
                                class="fa fa-sitemap fa-fw me-2 fa-lg"></i>v8.2.0
                            (latest)</a </div>
                </li>
            </ul>
        </nav>
    </header>

    <div class="container-fluid">
        <div id="wrap" class="row">
            <div class="navigation col-md-4 col-lg-3">
                <div class="search-wrapper">
                    <div class="search">
                        <input id="search" type="text" autocomplete="off" class="form-control input-sm"
                            placeholder="Search Documentation">
                    </div>
                </div>
                <div class="navigation-list-wrapper">
                    <ul class="navigation-list search-empty">
                        <li class="item item-module toggle-manual toggle-manual-show"
                            data-longname="module:ol/style/flat" data-name="ol/style/flat">
                            <span class="title toggle">
                                <span class="fa fa-plus me-2 mt-1"></span>
                                <span><a href="module-ol_style_flat.html">ol​/style​/flat</a></span>
                            </span>
                            <div class="member-list" data-type="typedefs">
                                <span class="subtitle">Typedefs</span>
                                <ul>
                                    <li data-name="booleanexpression"><a
                                            href="module-ol_style_flat.html#~BooleanExpression">BooleanExpression</a>
                                    <li data-name="colorexpression"><a
                                            href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a>
                                    <li data-name="defaultstyle"><a
                                            href="module-ol_style_flat.html#~DefaultStyle">DefaultStyle</a>
                                    <li data-name="flatcircle"><a
                                            href="module-ol_style_flat.html#~FlatCircle">FlatCircle</a>
                                    <li data-name="flatfill"><a href="module-ol_style_flat.html#~FlatFill">FlatFill</a>
                                    <li data-name="flaticon"><a href="module-ol_style_flat.html#~FlatIcon">FlatIcon</a>
                                    <li data-name="flatshape"><a
                                            href="module-ol_style_flat.html#~FlatShape">FlatShape</a>
                                    <li data-name="flatstroke"><a
                                            href="module-ol_style_flat.html#~FlatStroke">FlatStroke</a>
                                    <li data-name="flatstyle"><a
                                            href="module-ol_style_flat.html#~FlatStyle">FlatStyle</a>
                                    <li data-name="flatstylelike"><a
                                            href="module-ol_style_flat.html#~FlatStyleLike">FlatStyleLike</a>
                                    <li data-name="flattext"><a href="module-ol_style_flat.html#~FlatText">FlatText</a>
                                    <li data-name="numberarrayexpression"><a
                                            href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a>
                                    <li data-name="numberexpression"><a
                                            href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a>
                                    <li data-name="rule"><a href="module-ol_style_flat.html#~Rule">Rule</a>
                                    <li data-name="sizeexpression"><a
                                            href="module-ol_style_flat.html#~SizeExpression">SizeExpression</a>
                                    <li data-name="stringexpression"><a
                                            href="module-ol_style_flat.html#~StringExpression">StringExpression</a>
                                </ul>
                            </div>
                        <li class="loading">Loading …
                    </ul>
                </div>
            </div>

            <div class="main col-md-8 col-lg-9">
                <h1 class="page-title" data-filename="module-ol_style_flat.html">Module: ol/style/flat</h1>
                <div id="latest-check" class="alert alert-warning alert-dismissible" role="alert" style="display:none">
                    <button id="latest-dismiss" type="button" class="btn-close" data-bs-dismiss="alert"
                        aria-label="Close"></button>
                    This documentation is for OpenLayers v<span id="package-version">8.2.0</span>. The <a
                        id="latest-link" href="#" class="alert-link">latest</a> is v<span id="latest-version"></span>.
                </div>




                <section class="content">

                    <header>
                        <h2 class="my-3">ol/style/flat
                        </h2>
                        <br>




                        <div class="row p-3 ">
                            <!-- <div id="ad" class="col-lg-5 order-2 align-self-center border rounded bg-light ">
                                <script async type="text/javascript"
                                    src="https://cdn.carbonads.com/carbon.js?serve=CE7DV53U&placement=openlayersorg"
                                    id="_carbonads_js"></script>
                            </div> -->

                        </div>
                    </header>

                    <article>
                        <div class="container-overview">




                            <div class="description">
                                <p>矢量图层可以使用包含描边、填充、图像和文本样式属性的对象字面量进行样式设置。以下类型可以组合成一个单独的对象。例如，同时包含描边和填充属性的样式可能如下所示：</p>
                                <pre class="prettyprint source"><code>const style = {
  'stroke-color': 'yellow',
  'stroke-width': 1.5,
  'fill-color': 'orange',
};</code></pre>
                                <p>请查看根据要应用的符号类型可用的属性详细信息：</p>
                                <ul>
                                    <li><a href="module-ol_style_flat.html#~FlatStroke"><code>Stroke</code></a> -
                                        用于对线条和多边形应用描边的属性</li>
                                    <li><a href="module-ol_style_flat.html#~FlatFill"><code>Fill</code></a> - 用于填充多边形的属性
                                    </li>
                                    <li><a href="module-ol_style_flat.html#~FlatText"><code>Text</code></a> -
                                        用于标记点、线条和多边形的属性</li>
                                    <li><a href="module-ol_style_flat.html#~FlatIcon"><code>Icon</code></a> -
                                        用于使用图标渲染点的属性</li>
                                    <li><a href="module-ol_style_flat.html#~FlatCircle"><code>Circle</code></a> -
                                        用于使用圆形渲染点的属性</li>
                                    <li><a href="module-ol_style_flat.html#~FlatShape"><code>Shape</code></a> -
                                        用于使用规则形状渲染点的属性</li>
                                </ul>
                                <p>
                                    要基于过滤器条件应用样式，可以使用<a
                                        href="module-ol_style_flat.html#~Rule"><code>规则(rules)</code></a>列表。例如，如果人口超过
                                    100 万，则用大的橙色圆圈标记点，否则用较小的蓝色圆圈标记：</p>
                                <pre class="prettyprint source"><code>const rules = [
  {
    filter: ['>', ['get', 'population'], 1_000_000],
    style: {
      'circle-radius': 10,
      'circle-fill-color': 'red',
    }
  },
  {
    else: true,
    style: {
      'circle-radius': 5,
      'circle-fill-color': 'blue',
    },
  },
];</code></pre>
                            </div>



                            <dl class="details">





















                            </dl>




                        </div>




















                        <h3 class="subsection-title">Type Definitions</h3>

                        <dl>

                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~BooleanExpression">
                                    </div>
                                    <h4 class="name">
                                        BooleanExpression<span class="type-signature type boolean">{boolean}</span>
                                        <span class="type-signature type array">{Array}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>一个布尔字面量 (例如 <code>true</code>)
                                        或评估为布尔值的表达式(例如<code>['&gt;', ['get', 'population'], 1_000_000]</code>).</p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~ColorExpression">
                                    </div>
                                    <h4 class="name">
                                        ColorExpression<span class="type-signature type module:ol/color~color">{<a
                                                href="module-ol_color.html#~Color">Color</a>}</span> <span
                                            class="type-signature type string">{string}</span> <span
                                            class="type-signature type array">{Array}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>一个 CSS 命名的颜色(例如 <code>'blue'</code>), 一个包含 3 个 RGB 值的数组(例如
                                        <code>[0, 255, 0]</code>),一个包含 4 个 RGBA 值的数组
                                        (例如<code>[0, 255, 0, 0.5]</code>), 或评估为这些颜色类型之一的表达式
                                        (例如<code>['get', 'color']</code>).
                                    </p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~DefaultStyle">
                                    </div>
                                    <h4 class="name">
                                        DefaultStyle<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>当未给出其他样式时，将应用这些默认样式属性。</p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type">string</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>'rgba(255,255,255,0.4)'</code></p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type">string</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>'#3399CC'</code></p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>1.25</code></p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-radius</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>5</code></p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type">string</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>'rgba(255,255,255,0.4)'</code></p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>1.25</code></p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type">string</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p><code>'#3399CC'</code></p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatCircle">
                                    </div>
                                    <h4 class="name">
                                        FlatCircle<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>渲染点要素时的圆形样式属性。至少必须提供<code>circle-radius</code>。
                                    </p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>circle-radius</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>圆半径。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>圆填充颜色</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>圆边颜色</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>圆边宽度</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-line-cap</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>封口类型： <code>butt</code>, <code>圆弧(round)</code>, or
                                                            <code>平的(square)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-line-join</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>线连接样式： <code>斜面(bevel)</code>, <code>round</code>, or
                                                            <code>斜接(miter)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-line-dash</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线模式。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-line-dash-offset</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线偏移量。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-stroke-miter-limit</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 10)


                                                    </td>

                                                    <td class="description last">
                                                        <p>斜接限制。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-displacement</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>



                                                        <br>(defaults to [0,0])


                                                    </td>

                                                    <td class="description last">
                                                        <p>移位</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-scale</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~SizeExpression">SizeExpression</a></span>



                                                        <br>(defaults to 1)


                                                    </td>

                                                    <td class="description last">
                                                        <p>比例尺。二维比例尺将生成一个椭圆。除非需要二维缩放，否则使用
                                                            <code>circle-radius</code>的适当设置可能会获得更好的结果。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-rotation</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>以弧度表示的旋转（顺时针为正旋转，仅在与二维比例尺结合使用时才有意义）。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-rotate-with-view</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~BooleanExpression">BooleanExpression</a></span>



                                                        <br>(defaults to false)


                                                    </td>

                                                    <td class="description last">
                                                        <p>是否随视图旋转形状（仅在与二维比例尺结合使用时才有意义）。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>circle-declutter-mode</code></td>


                                                    <td class="type">


                                                        <span class="param-type">"declutter"</span>
                                                        |

                                                        <span class="param-type">"obstacle"</span>
                                                        |

                                                        <span class="param-type">"none"</span>
                                                        |

                                                        <span class="param-type">undefined</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p>简化模式</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>z-index</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>样式的 zIndex。
                                                        </p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatFill">
                                    </div>
                                    <h4 class="name">
                                        FlatFill<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>应用于多边形要素的填充样式属性。</p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>填充颜色。
                                                        </p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatIcon">
                                    </div>
                                    <h4 class="name">
                                        FlatIcon<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>应用于点要素的图标样式属性。要呈现带有图标的点，必须提供<code>icon-src</code>。</p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>icon-src</code></td>


                                                    <td class="type">


                                                        <span class="param-type">string</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>图片源URL。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-anchor</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>



                                                        <br>(defaults to [0.5, 0.5])


                                                    </td>

                                                    <td class="description last">
                                                        <p>锚。默认值为图标中心。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-anchor-origin</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_Icon.html#~IconOrigin">IconOrigin</a></span>



                                                        <br>(defaults to 'top-left')


                                                    </td>

                                                    <td class="description last">
                                                        <p>锚的起源: <code>bottom-left</code>,
                                                            <code>bottom-right</code>,
                                                            <code>top-left</code> or <code>top-right</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-anchor-x-units</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_Icon.html#~IconAnchorUnits">IconAnchorUnits</a></span>



                                                        <br>(defaults to 'fraction')


                                                    </td>

                                                    <td class="description last">
                                                        <p>指定锚点x值的单位。<code>'fraction'</code> 值表示x值是图标的一部分。
                                                            <code>'pixels'</code> 值表示x值的像素数。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-anchor-y-units</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_Icon.html#~IconAnchorUnits">IconAnchorUnits</a></span>



                                                        <br>(defaults to 'fraction')


                                                    </td>

                                                    <td class="description last">
                                                        <p>指定锚点y值的单位。<code>'fraction'</code> 值表示y值是图标的一部分。
                                                            <code>'pixels'</code> 值表示y值的像素数。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_color.html#~Color">Color</a></span>
                                                        |

                                                        <span class="param-type">string</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>给图标上色的颜色。如果没有指定，图标将保持不变。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-cross-origin</code></td>


                                                    <td class="type">


                                                        <span class="param-type">null</span>
                                                        |

                                                        <span class="param-type">string</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>加载的图像的<code>crossOrigin</code>属性。请注意，如果您想使用 Canvas
                                                            渲染器访问像素数据，则必须提供
                                                            <code>icon-cross-origin</code>值。有关更多详细信息，请参阅<a
                                                                href="https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image">https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image</a>
                                                            .
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-offset</code></td>


                                                    <td class="type">


                                                        <span class="param-type">Array.&lt;number></span>



                                                        <br>(defaults to [0, 0])


                                                    </td>

                                                    <td class="description last">
                                                        <p>偏移量，与大小和偏移量原点一起，定义要从原始图标图像中使用的子矩形。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-displacement</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>



                                                        <br>(defaults to [0,0])


                                                    </td>

                                                    <td class="description last">
                                                        <p>图标的位移。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-offset-origin</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_Icon.html#~IconOrigin">IconOrigin</a></span>



                                                        <br>(defaults to 'top-left')


                                                    </td>

                                                    <td class="description last">
                                                        <p>偏移量的原点：<code>bottom-left</code>,
                                                            <code>bottom-right</code>,
                                                            <code>top-left</code> or <code>top-right</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-opacity</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 1)


                                                    </td>

                                                    <td class="description last">
                                                        <p>图标的不透明度。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-scale</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~SizeExpression">SizeExpression</a></span>



                                                        <br>(defaults to 1)


                                                    </td>

                                                    <td class="description last">
                                                        <p>缩放比例。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>图标的宽度。如果未指定，将使用实际图像宽度。不能与<code>scale</code>结合使用。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-height</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>图标的高度。如果未指定，将使用实际图像高度。不能与<code>scale</code>结合使用。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-rotation</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>旋转角度（以弧度为单位）（正旋转为顺时针）。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-rotate-with-view</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~BooleanExpression">BooleanExpression</a></span>



                                                        <br>(defaults to false)


                                                    </td>

                                                    <td class="description last">
                                                        <p>是否随视图旋转图标。</p>
                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-size</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_size.html#~Size">Size</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>以像素为单位的图标大小。可以与
                                                            <code>icon-offset</code>一起使用，以从原点（精灵）图标图像中定义要使用的子矩形。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>icon-declutter-mode</code></td>


                                                    <td class="type">


                                                        <span class="param-type">"declutter"</span>
                                                        |

                                                        <span class="param-type">"obstacle"</span>
                                                        |

                                                        <span class="param-type">"none"</span>
                                                        |

                                                        <span class="param-type">undefined</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p>简化模式</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>z-index</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>样式的 zIndex。
                                                        </p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatShape">
                                    </div>
                                    <h4 class="name">
                                        FlatShape<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>渲染点要素时的规则形状样式属性。至少必须提供
                                        <code>shape-points</code>.
                                    </p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>shape-points</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>星星和规则多边形的点数。对于多边形，点数就是边的数量。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>填充颜色。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的颜色。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的像素宽度。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-line-cap</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>封口类型： <code>butt</code>, <code>round</code>, or
                                                            <code>square</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-line-join</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>线连接样式： <code>bevel</code>, <code>round</code>, or
                                                            <code>miter</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-line-dash</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线模式。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-line-dash-offset</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线偏移量。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-stroke-miter-limit</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 10)


                                                    </td>

                                                    <td class="description last">
                                                        <p>斜接限制。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-radius</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>规则多边形的半径。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-radius1</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>星形的第一个半径。如果设置了半径，则忽略此值。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-radius2</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>星形的第二个半径。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-angle</code></td>


                                                    <td class="type">


                                                        <span class="param-type">number</span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>形状的弧度角度。值为 0 时，形状的一个点将朝上。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-displacement</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>



                                                        <br>(defaults to [0,0])


                                                    </td>

                                                    <td class="description last">
                                                        <p>形状的位移。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-rotation</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>旋转角度（以弧度为单位）（正旋转为顺时针）。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-rotate-with-view</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~BooleanExpression">BooleanExpression</a></span>



                                                        <br>(defaults to false)


                                                    </td>

                                                    <td class="description last">
                                                        <p>是否随视图一起旋转形状。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-scale</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~SizeExpression">SizeExpression</a></span>



                                                        <br>(defaults to 1)


                                                    </td>

                                                    <td class="description last">
                                                        <p>比例尺。除非需要二维缩放，否则使用
                                                            <code>shape-radius</code>, <code>shape-radius1</code> and
                                                            <code>shape-radius2</code>的适当设置可能会获得更好的结果。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>shape-declutter-mode</code></td>


                                                    <td class="type">


                                                        <span class="param-type">"declutter"</span>
                                                        |

                                                        <span class="param-type">"obstacle"</span>
                                                        |

                                                        <span class="param-type">"none"</span>
                                                        |

                                                        <span class="param-type">undefined</span>




                                                    </td>

                                                    <td class="description last">
                                                        <p>消除混乱模式。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>z-index</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>样式的 zIndex。
                                                        </p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatStroke">
                                    </div>
                                    <h4 class="name">
                                        FlatStroke<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>应用于线串和多边形边界的描边样式属性。要应用描边，必须提供
                                        <code>stroke-color</code> or <code>stroke-width</code> 中的至少一个。
                                    </p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的颜色。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的像素宽度。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-line-cap</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>封口类型：<code>butt</code>, <code>圆弧(round)</code>, or
                                                            <code>平的(square)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-line-join</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>线连接样式：<code>斜面(bevel)</code>, <code>圆弧(round)</code>, or
                                                            <code>斜接(miter)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-line-dash</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线模式。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-line-dash-offset</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线偏移量。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>stroke-miter-limit</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 10)


                                                    </td>

                                                    <td class="description last">
                                                        <p>斜接限制。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>z-index</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>样式的 zIndex。
                                                        </p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatStyle">
                                    </div>
                                    <h4 class="name">
                                        FlatStyle<span class="type-signature type module:ol/style/flat~flatfill">{<a
                                                href="module-ol_style_flat.html#~FlatFill">FlatFill</a>}</span> <span
                                            class="type-signature type flatstroke">{FlatStroke}</span> <span
                                            class="type-signature type flattext">{FlatText}</span> <span
                                            class="type-signature type flaticon">{FlatIcon}</span> <span
                                            class="type-signature type flatshape">{FlatShape}</span> <span
                                            class="type-signature type flatcircle">{FlatCircle}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>对于静态样式，可以使用具有fill、stroke、text、icon、regular shape 和/或 circle 属性的对象字面量调用<a
                                            href="module-ol_layer_Vector-VectorLayer.html#setStyle"><code>layer.setStyle()</code></a>
                                        方法。</p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatStyleLike">
                                    </div>
                                    <h4 class="name">
                                        FlatStyleLike<span class="type-signature type flatstyle">{FlatStyle}</span>
                                        <span
                                            class="type-signature type array.<module:ol/style/flat~flatstyle>">{Array&lt;<a
                                                href="module-ol_style_flat.html#~FlatStyle">FlatStyle</a>>}</span> <span
                                            class="type-signature type array.<module:ol/style/flat~rule>">{Array&lt;<a
                                                href="module-ol_style_flat.html#~Rule">Rule</a>>}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>一个扁平的样式字面量或相同类型的数组。</p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~FlatText">
                                    </div>
                                    <h4 class="name">
                                        FlatText<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>应用于所有要素的标签样式属性。至少必须提供
                                        <code>text-value</code> 。
                                    </p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>text-value</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>文本内容 (使用<code>\n</code>进行换行).</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-font</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to '10px sans-serif')


                                                    </td>

                                                    <td class="description last">
                                                        <p>作为 <a
                                                                href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font">CSS
                                                                <code>font</code></a> 值的字体样式。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-max-angle</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to Math.PI/4)


                                                    </td>

                                                    <td class="description last">
                                                        <p>当 <code>text-placement</code>设置为
                                                            <code>'line'</code>，允许相邻字符之间的最大角度。预期值为弧度，默认值为 45°
                                                            (<code>Math.PI / 4</code>).
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-offset-x</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>以像素为单位的水平文本偏移量。正值将文本向右移动。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-offset-y</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>以像素为单位的垂直文本偏移量。正值将文本向下移动。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-overflow</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~BooleanExpression">BooleanExpression</a></span>



                                                        <br>(defaults to false)


                                                    </td>

                                                    <td class="description last">
                                                        <p>对于多边形标签或当<code>放置(placement)</code>位置设置为
                                                            <code>'line'</code>时，允许文本在标签位置或跟随路径的长度上超出多边形的宽度。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-placement</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'point')


                                                    </td>

                                                    <td class="description last">
                                                        <p>文本放置位置</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-repeat</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>以像素为单位的重复间隔。设置后，文本将在此间隔处重复。仅当
                                                            <code>text-placement</code>
                                                            设置为<code>'line'</code>时可用。覆盖<code>text-align</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-scale</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~SizeExpression">SizeExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>缩放比例。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-rotate-with-view</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~BooleanExpression">BooleanExpression</a></span>



                                                        <br>(defaults to false)


                                                    </td>

                                                    <td class="description last">
                                                        <p>文本是否随视图旋转。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-rotation</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>旋转角度（以弧度为单位）（正旋转为顺时针）。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-align</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>文本对齐方式。可能的值： <code>'left'</code>,
                                                            <code>'right'</code>, <code>'center'</code>,
                                                            <code>'end'</code> or <code>'start'</code>.
                                                            对于<code>'text-placement': 'point'</code>，默认值为
                                                            <code>'center'</code>。
                                                            对于<code>'text-placement': 'line'</code>，默认值是让渲染器选择一个不会超出<code>text-max-angle</code>的放置位置。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-justify</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>文本框内的文本对齐方式。如果未设置，则文本将根据
                                                            <code>textAlign</code> 锚点对齐。否则，使用 <code>'left'</code>,
                                                            <code>'center'</code>, or <code>'right'</code> 选项在文本框内对齐文本。
                                                            <strong>注意:</strong>对于即时渲染和<code>'text-placement': 'line'</code>
                                                            的情况，将忽略<code>text-justify</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-baseline</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'middle')


                                                    </td>

                                                    <td class="description last">
                                                        <p>文本基线。可能的值： <code>'bottom'</code>,
                                                            <code>'top'</code>, <code>'middle'</code>,
                                                            <code>'alphabetic'</code>,
                                                            <code>'hanging'</code>, <code>'ideographic'</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-padding</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>



                                                        <br>(defaults to [0, 0, 0, 0])


                                                    </td>

                                                    <td class="description last">
                                                        <p>用于清理和背景的文本周围像素的内边距。数组中值的顺序为
                                                            <code>[top, right, bottom, left]</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>填充颜色。指定<code>'none'</code> 以避免在填充上进行点击检测。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-fill-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>填充颜色。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的颜色。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-line-cap</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>封口类型：<code>butt</code>, <code>圆弧(round)</code>, or
                                                            <code>平的(square)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-line-join</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>线连接样式：<code>斜面(bevel)</code>, <code>圆弧(round)</code>, or
                                                            <code>斜接(miter)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-line-dash</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线模式。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-line-dash-offset</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线偏移量。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-miter-limit</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 10)


                                                    </td>

                                                    <td class="description last">
                                                        <p>斜接限制。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的像素宽度。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-stroke-color</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~ColorExpression">ColorExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的颜色。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-stroke-line-cap</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>封口类型：<code>butt</code>, <code>圆弧(round)</code>, or
                                                            <code>平的(square)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-stroke-line-join</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~StringExpression">StringExpression</a></span>



                                                        <br>(defaults to 'round')


                                                    </td>

                                                    <td class="description last">
                                                        <p>线连接样式：<code>斜面(bevel)</code>, <code>圆弧(round)</code>, or
                                                            <code>斜接(miter)</code>.
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-stroke-line-dash</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberArrayExpression">NumberArrayExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线模式。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name">
                                                        <code>text-background-stroke-line-dash-offset</code>
                                                    </td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 0)


                                                    </td>

                                                    <td class="description last">
                                                        <p>线虚线偏移量。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-stroke-miter-limit</code>
                                                    </td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>



                                                        <br>(defaults to 10)


                                                    </td>

                                                    <td class="description last">
                                                        <p>斜接限制。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>text-background-stroke-width</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>边的像素宽度。
                                                        </p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>z-index</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_style_flat.html#~NumberExpression">NumberExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>样式的 zIndex。
                                                        </p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~NumberArrayExpression">
                                    </div>
                                    <h4 class="name">
                                        NumberArrayExpression<span
                                            class="type-signature type array.<number>">{Array.&lt;number>}</span> <span
                                            class="type-signature type array">{Array}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>一个数字数组 (例如<code>[1, 2, 3]</code>)
                                        或计算结果为相同值的表达式(例如<code>['get', 'values']</code>).</p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~NumberExpression">
                                    </div>
                                    <h4 class="name">
                                        NumberExpression<span class="type-signature type number">{number}</span> <span
                                            class="type-signature type array">{Array}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>一个字面数字 (例如<code>42</code>) 或计算结果为数字的表达式(例如 <code>['+', 40, 2]</code>).</p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~Rule">
                                    </div>
                                    <h4 class="name">
                                        Rule<span class="type-signature type object">{Object}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>规则用于有条件地应用样式。如果规则的过滤器计算结果为 true，则会应用该样式。</p>
                                </div>



                                <dl class="details">


                                    <h5 class="subsection-title">Properties:</h5>

                                    <dl>

                                        <table class="props">
                                            <thead>
                                                <tr>

                                                    <th>Name</th>


                                                    <th>Type</th>

                                                    <th class="last">Description</th>
                                                </tr>
                                            </thead>

                                            <tbody>


                                                <tr>

                                                    <td class="name"><code>style</code></td>


                                                    <td class="type">


                                                        <span class="param-type">FlatStyle</span>
                                                        |

                                                        <span class="param-type">Array&lt;<a
                                                                href="module-ol_style_flat.html#~FlatStyle">FlatStyle</a>></span>




                                                    </td>

                                                    <td class="description last">
                                                        <p>如果过滤器匹配，要应用的样式。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>filter</code></td>


                                                    <td class="type">


                                                        <span class="param-type"><a
                                                                href="module-ol_expr_expression.html#~EncodedExpression">EncodedExpression</a></span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>用于确定是否应用样式的过滤器。如果未包含过滤器，则规则始终适用（除非它是 else 规则）。</p>

                                                    </td>
                                                </tr>



                                                <tr>

                                                    <td class="name"><code>else</code></td>


                                                    <td class="type">


                                                        <span class="param-type">boolean</span>

                                                        | undefined


                                                    </td>

                                                    <td class="description last">
                                                        <p>如果为 true，则仅当没有其他先前规则适用时，该规则才适用。如果 else
                                                            规则也有过滤器，并且过滤器不匹配，则规则将不适用。</p>

                                                    </td>
                                                </tr>


                                            </tbody>
                                        </table>
                                    </dl>






















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~SizeExpression">
                                    </div>
                                    <h4 class="name">
                                        SizeExpression<span class="type-signature type number">{number}</span> <span
                                            class="type-signature type array.<number>">{Array.&lt;number>}</span> <span
                                            class="type-signature type array">{Array}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>由两个数字组成的数组 (例如 <code>[10, 20]</code>) 或计算结果为相同值的表达式
                                        (例如<code>['get', 'size']</code>).</p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>



                            <dt class="">
                                <div class="nameContainer">
                                    <div class="anchor" id="~StringExpression">
                                    </div>
                                    <h4 class="name">
                                        StringExpression<span class="type-signature type string">{string}</span> <span
                                            class="type-signature type array">{Array}</span>


                                    </h4>
                                </div>

                            </dt>
                            <dd class="">

                                <div class="description">
                                    <p>字面字符串(例如<code>'hello'</code>) 或计算结果为字符串的表达式 (例如
                                        <code>['get', 'greeting']</code>).
                                    </p>
                                </div>



                                <dl class="details">





















                                </dl>



                            </dd>

                        </dl>



                    </article>

                </section>




            </div>
        </div>
    </div>
    <script>prettyPrint();</script>
    <script src="scripts/linenumber.js"></script>
    <script src="scripts/main.js"></script>
</body>

</html>